<template>
	<div class="kd-solid">
		<div class="flex">
			<!-- 左侧-->
			<div class="flex1">
				<div class="flex align-center">
					<div class="kd_left">图片</div>
					<div class="kd_right flex align-center">
						<a-image :width="30" :height="30" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">原条码</div>
					<div class="kd_right flex1">
						<a-input class="kd_inp" v-model:value="form.bar_code" :min="1" all-clear placeholder="请输入" />
					</div>
					<a-button size="middle" type="primary" class="margin-right-15" v-if="form.original_type==1" @click="search()">确定</a-button>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">金料类型</div>
					<div class="kd_right"  v-if="form.original_type==1">{{ form.gold_category_code_name || '' }}</div>
					<div class="kd_right flex1 flex"  v-if="form.original_type==2">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="goldOpt" allow-clear placeholder="请选择" v-model:value="form.gold_category_code" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">小类</div>
					<div class="kd_right" v-if="form.original_type==1">{{ form.subclass_code_name || '' }}</div>
					<div class="kd_right flex1 flex"  v-if="form.original_type==2">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="subclassOpt" allow-clear placeholder="请选择" v-model:value="form.subclass_code" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">成色</div>
					<div class="kd_right" v-if="form.original_type==1">{{ form.quality_code_name || '' }}</div>
					<div class="kd_right flex1 flex"  v-if="form.original_type==2">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="qualityOpt" allow-clear placeholder="请选择" v-model:value="form.quality_code" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">宝石类型</div>
					<div class="kd_right"  v-if="form.original_type==1">{{ form.gem_category_name || '' }}</div>
					<div class="kd_right flex1 flex"  v-if="form.original_type==2">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="gemcategoryOpt" allow-clear placeholder="请选择" v-model:value="form.gem_category_code" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">品类</div>
					<div class="kd_right" v-if="form.original_type==1">{{ form.classes_name || '' }}</div>
					<div class="kd_right flex1 flex"  v-if="form.original_type==2">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="classesOpt" allow-clear placeholder="请选择" v-model:value="form.classes_code" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">货品名称</div>
					<div class="kd_right" v-if="form.original_type==1">{{ form.name || '' }}</div>
					<div class="kd_right flex1" v-if="form.original_type==2">
						<a-input class="kd_inp" v-model:value="form.name" all-clear placeholder="请输入" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">数量</div>
					<div class="kd_right" v-if="form.original_type==1">{{ form.num || '' }}</div>
					<div class="kd_right flex1" v-if="form.original_type==2">
						<a-input class="kd_inp" v-model:value="form.num" :min="1" all-clear placeholder="请输入" />
					</div>
				</div>
				<div class="flex align-center"  v-if="form.original_type==1">
					<div class="kd_left">原金重</div>
					<div class="kd_right">{{ form.gold_weight_old || '' }}</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">现金重</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" :min="1" v-model:value="form.gold_weight" all-clear placeholder="请输入" />
					</div>
					<span class="kd_right_text">g</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">货重</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" :min="1" v-model:value="form.piece_weight" all-clear placeholder="请输入" />
					</div>
					<span class="kd_right_text">g</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">实际成色</div>
					<!-- <div class="kd_right flex1">
						<a-input type="number" class="kd_inp" :min="0" v-model:value="form.real_quality" all-clear placeholder="请输入" @change="changeW" />
					</div> -->
					<div class="kd_right flex1 flex">
					  <a-input-number class="kd_inp flex1" :min="0" :max="100" v-model:value="form.real_quality" all-clear placeholder="请输入(最大值100)" @change="changeW" />
					</div>
					<span class="kd_right_text">%</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">折足重</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" :min="1" v-model:value="form.lumping_weight" all-clear placeholder="请输入" />
					</div>
					<span class="kd_right_text">g</span>
				</div>
			</div>
			<!-- 右侧 -->
			<div class="flex1">
				<div class="flex align-center">
					<div class="kd_left">标签价</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" v-model:value="form.sticker_price" all-clear placeholder="请输入" />
					</div>
					<span class="kd_right_text">元</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">实售价</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" v-model:value="form.real_amount" all-clear placeholder="请输入" />
					</div>
					<span class="kd_right_text">元</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">主石重量</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" v-model:value="form.main_stone_weight" all-clear placeholder="请输入" />
					</div>
					<span class="kd_right_text">ct</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">主石颜色</div>
					<div class="kd_right" v-if="form.original_type==1">{{ form.main_color_name || '' }}</div>
					<div class="kd_right flex1 flex"  v-if="form.original_type==2">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="gemattributeOpt1" allow-clear placeholder="请选择" v-model:value="form.main_stone_color" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left">主石净度</div>
					<div class="kd_right"  v-if="form.original_type==1">{{ form.main_neatness_name || '' }}</div>
					<div class="kd_right flex1 flex"  v-if="form.original_type==2">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="gemattributeOpt2" allow-clear placeholder="请选择" v-model:value="form.main_stone_neatness" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left">主石切工</div>
					<div class="kd_right" v-if="form.original_type==1">{{ form.main_cut_name || '' }}</div>
					<div class="kd_right flex1 flex"  v-if="form.original_type==2">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="gemattributeOpt3" allow-clear placeholder="请选择" v-model:value="form.main_stone_cut" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left">主石数量</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" all-clear placeholder="请输入" v-model:value="form.main_stone_num" />
					</div>
					<span class="kd_right_text">粒</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">副石石重</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" all-clear placeholder="请输入" v-model:value="form.vice_stone_weight" />
					</div>
					<span class="kd_right_text">ct</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">副石数量</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" all-clear placeholder="请输入" v-model:value="form.vice_stone_num" />
					</div>
					<span class="kd_right_text">粒</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">换购金价</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" all-clear placeholder="请输入" v-model:value="form.exchange_gold_price" />
					</div>
					<span class="kd_right_text">元</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">换购工费</div>
					<div class="kd_right flex1">
							<a-input-group compact>
								<a-select style="width:87px" v-model:value="form.exchange_labour_type">
							        <a-select-option value="1">按克</a-select-option>
							        <a-select-option value="2">按件</a-select-option>
							    </a-select>
							    <a-input type="number" class="kd_inp" all-clear v-model:value="form.exchange_labour" placeholder="请输入" style="width: 60%" />
							</a-input-group>
					</div>
					<span class="kd_right_text">元</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left required">抵扣金额</div>
					<div class="kd_right flex1">
						<a-input type="number" class="kd_inp" all-clear placeholder="请输入" v-model:value="form.deduct_amount" />
					</div>
					<span class="kd_right_text">元</span>
				</div>
				<div class="flex align-center">
					<div class="kd_left">旧货标记</div>
					<div class="kd_right flex1 flex align-center">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="signOptions" allow-clear placeholder="请选择" v-model:value="form.junk_tag_code" />
					</div>
				</div>
				<div class="flex align-center">
					<div class="kd_left">旧货备注</div>
					<div class="kd_right flex1 flex align-center">
						<a-select class="kd_inp flex1" optionFilterProp="label" :options="signOptions" allow-clear placeholder="请选择" v-model:value="form.note"  />
					</div>
				</div>
				
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style>
</style>